//less
@values: 2, 5, 8, 10, 12, 14, 15, 16, 18, 20, 25, 28, 30, 40, 45, 50, 60, 70, 80, 123, 140, 150;

// class的key和对应的属性
.enums() {
  p: padding;
  pt: padding-top;
  pr: padding-right;
  pb: padding-bottom;
  pl: padding-left;
  m: margin;
  mt: margin-top;
  mr: margin-right;
  mb: margin-bottom;
  ml: margin-left;
}

// 遍历生成，比如.pl10{padding-left: 10px;}
each(.enums(), .(@v1, @k1) {
    each(@values, {
      .@{k1}@{value} {
        @{v1}: (@value * 1px);
      }
    })
})

/**
 * click style
 */
.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.disabled-double-click-select {
  user-select: none;
}

/* 定义keyframe动画，命名为blinking */
@keyframes blinking {
  0% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }
}

/* 添加兼容性前缀 */
@-webkit-keyframes blinking {
  0% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }
}

@-moz-keyframes blinking {
  0% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }
}

@-ms-keyframes blinking {
  0% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }
}

@-o-keyframes blinking {
  0% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

@media (-webkit-max-device-pixel-ratio: 1) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    background-clip: padding-box;
    min-height: 28px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #A0A0A0;
  }
}

.page-head {
  width: 1272px;
  height: 40px;
  margin: 0 auto;

  .breadcrumb {
    --n-font-size: 24px !important;
  }
}

.db-container {
  width: 1272px;
  margin: 0 auto;
  border-radius: 10px;
  min-height: calc(100vh - 115px);
  margin-top: 15px;
}

.page-container {
  background-color: white;
  border-radius: 10px;
  min-height: calc(100vh - 115px);
  overflow-y: auto;
  padding: 15px 15px 0 15px;
  width: 1272px;
  margin: 0 auto;
  margin-top: 15px;
}

.hidden {
  display: none !important;
}
